body,
blockquote,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    color: var(--cxl-color-black);
}

html,
body {
    width: 100%;
    font-size: 16px;
    -webkit-text-size-adjust: none;
    max-width: 100%;
    overflow-x: hidden;
    vertical-align: top;
    font-family: Arial, Helvetica, sans-serif;
    touch-action: none;
    /* user-select: none; */
    min-height: 100%;

    background-color: var(--cxl-color-white);
}
#app {
    width: 100%;
    min-height: 100%;
}
ul {
    list-style: none;
}
i {
    font-style: normal;
}

a {
    text-decoration: none;
}

/* iOS禁止微信调整字体大小 */
body {
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* 弹窗动画 */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.35s ease-out;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}

.fade-from-bottom-enter-active,
.fade-from-bottom-leave-active {
    transform: translateY(0%);
    transition: all 0.5s ease;
}

.fade-from-bottom-enter-from,
.fade-from-bottom-leave-to {
    transform: translateY(100%);
}

.fade-from-bottom2-enter-active,
.fade-from-bottom2-leave-active {
    transform: translateY(0%);
    transition: all 0.5s 0.35s ease;
}

.fade-from-bottom2-enter-from,
.fade-from-bottom2-leave-to {
    transform: translateY(100%);
}

.routerFade-enter-from {
    opacity: 0;
    transform-origin: left center;
    transform: translateX(20px) scaleX(1.1);
}
.routerFade-leave-to {
    opacity: 0;
    transform-origin: right center;
    transform: translateX(-20px) scaleX(1.1);
}
.routerFade-enter-to,
.routerFade-leave-from {
    opacity: 1;
    transform: translateX(0px) scaleX(1);
}
.routerFade-enter-active,
.routerFade-leave-active {
    transition: all 0.35s ease-out;
}

.componentFade-enter-from {
    opacity: 0;
    transform: translateX(20px);
}
.componentFade-leave-to {
    opacity: 0;
    transform: translateX(-20px);
}
.componentFade-enter-to,
.componentFade-leave-from {
    opacity: 1;
    transform: translateX(0px);
}
.componentFade-enter-active,
.componentFade-leave-active {
    transition: all 0.35s ease-out;
}

.topfade-enter-active,
.topfade-leave-active {
    transition: transform 0.5s ease;
}

.topfade-enter-from,
.topfade-leave-to {
    transform: translateY(-100%);
}

.bottomfade-enter-active,
.bottomfade-leave-active {
    transition: transform 0.5s ease;
}

.bottomfade-enter-from,
.bottomfade-leave-to {
    transform: translateY(100%);
}

.scale-enter-active,
.scale-leave-active {
    transition: all 0.35s ease-out;
}

.scale-enter-from,
.scale-leave-to {
    opacity: 0;
    transform: scale(0.5);
}

.message-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}

.selectFade-enter-active,
.selectFade-leave-active {
    opacity: 1;
    transform: rotateX(0);
    transition: transform 0.5s ease;
    transform-origin: top center;
    transform-style: preserve-3d;
}

.selectFade-enter-from,
.selectFade-leave-to {
    opacity: 0;
    transform: rotateX(-90deg);
}

/* .select-container .select-list-box {
    transition: all 0.5s;
    opacity: 0;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transform-style: preserve-3d;
}
.select-container.active .select-list-box {
    opacity: 1;
    transform: rotateX(0);
} */

::-webkit-scrollbar {
    display: none;
}
::scrollbar {
    display: none;
}

:root {
    color-scheme: light dark;
    --cxl-border-color: #dcdfe6;
    --cxl-border-color-2: #39bf56;
    --cxl-boxshow-color: #3c004e2d;
    --cxl-color-white: #ffffff;
    --cxl-color-black: #000000;

    --cxl-color-primary: #39bf56;
    --cxl-color-primary-light-7: #39bf566b;
    --cxl-color-success: #39bf56;
    --cxl-color-success-light-7: #39bf566b;
    --cxl-color-warning: #e6a23c;
    --cxl-color-warning-light-7: #f8e3c5;
    --cxl-color-danger: #f56c6c;
    --cxl-color-danger-light-7: #fcd3d3;
    --cxl-color-error: #f56c6c;
    --cxl-color-error-light-7: #fcd3d3;
    --cxl-color-info: #909399;
    --cxl-color-info-light-7: #dedfe0;
    --cxl-text-color-primary: #303133;
    --cxl-text-color-regular: #606266;

    --cxl-color-030303: #030303;
    --cxl-color-333333: #333333;
    --cxl-color-666666: #666666;
    --cxl-color-999999: #999999;
    --cxl-color-EFEFEF: #efefef;
    --cxl-color-cccccc: #cccccc;
    --cxl-color-e9ffee: #e9ffee;
    --cxl-color-d5ebda: #d5ebda;
    --cxl-color-f4f6f9: #f4f6f9;
    --cxl-color-f2f6f8: #f2f6f8;
    --cxl-color-f0f0f0: #f0f0f0;
    --cxl-color-effff2: #effff2;
    --cxl-color-FFF5F2: #fff5f2;
    --cxl-color-f9f9f9: #f9f9f9;
    --cxl-color-fff2f2: #fff2f2;
    --cxl-color-f5f5f5: #f5f5f5;
    --cxl-color-ff5448: #ff5448;
    --cxl-color-FD5B20: #fd5b20;
    --cxl-color-f57221: #f57221;
    --cxl-color-F59A23: #f59a23;
    --cxl-color-F9A809: #f9a809;
    --cxl-color-368AF7: #368af7;
    --cxl-color-1D7DFA: #1d7dfa;

    /*
        按照设计图 375px 尺寸设计
        6px  = 0.5rem
        8px  = 0.67rem
        10px = 0.83rem
        12px = 1rem 
        13px = 1.08rem
        14px = 1.17rem
        15px = 1.25rem
        16px = 1.34rem
        18px = 1.5rem
        20px = 1.67rem
        22px = 1.83rem
        24px = 2rem
        26px = 2.17rem
        28px = 2.33rem
        30px = 2.5rem
        36px = 3rem
        40px = 3.34rem
        45px = 3.75rem
        72px = 6rem

    */
    --cxl-size-6: 0.5rem;
    --cxl-size-8: 0.67rem;
    --cxl-size-10: 0.83rem;
    --cxl-size-12: 1rem;
    --cxl-size-13: 1.08rem;
    --cxl-size-14: 1.17rem;
    --cxl-size-15: 1.25rem;
    --cxl-size-16: 1.34rem;
    --cxl-size-18: 1.5rem;
    --cxl-size-20: 1.67rem;
    --cxl-size-22: 1.83rem;
    --cxl-size-24: 2rem;
    --cxl-size-26: 2.17rem;
    --cxl-size-28: 2.33rem;
    --cxl-size-30: 2.5rem;
    --cxl-size-36: 3rem;
    --cxl-size-40: 3.34rem;
    --cxl-size-45: 3.75rem;
    --cxl-size-72: 6rem;
}
/*登录页输入框 */
.form .custom-input-container .right-content .input-box {
    height: calc(var(--cxl-size-20) + var(--cxl-size-30));
}
.form .custom-input-container .right-content .input-box.round {
    border-radius: var(--cxl-size-30);
}

.form .custom-input-container .right-content .input-box .inputStyle {
    font-size: var(--cxl-size-16);
    letter-spacing: 2px;
}
.form .custom-input-container .right-content .input-box .input-main {
    box-sizing: border-box;
    padding: 0 0 0 var(--cxl-size-12);
}

@media only screen and (min-width: 768px) {
    :root {
    }
}

/* 根据系统的深色模式响应深色变量 */
@media (prefers-color-scheme: dark) {
}

@keyframes loading {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@media screen and (orientation: landscape) {
}
